<%@ page language="java" import="java.util.*" import="com.AO.DAO.*" pageEncoding="utf-8"%>

<%

	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


<!DOCTYPE html>
<!-- saved from url=(0040)http://www.xiachufang.com/recipe/create/ -->
<html class="">
<!--<![endif]-->
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">
	@charset "UTF-8";
	
	[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide
		{
		display: none !important;
	}
	
	ng\:form {
		display: block;
	}
	</style>
	
	<title>创建菜谱_下厨房</title>
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<meta name="viewport" content="width=device-width">
	<meta name="apple-itunes-app" content="app-id=867463751">
	<meta name="baidu-site-verification" content="HNAbHIxmbo">
	<meta name="renderer" content="webkit">
	<link href="http://www.xiachufang.com/favicon.ico" rel="shortcut icon"
		type="image/x-icon">
	
	
	
	
	
	<link href="./CSS/base.d706c3c6.compress.css"
		rel="stylesheet" type="text/css">
	
	
	
	<link href="./CSS/recipe.0c2d5c62.compress.css"
		rel="stylesheet" type="text/css">
	
	
	<link href="./CSS/other.0b3c792c.compress.css"
		rel="stylesheet" type="text/css">
	
	<link rel="stylesheet"
		href="./files/ng-tags-input.css">
	
	<!--[if IE 8]>
	  <script src="/js/2013/lib/es5-shim.min.js"></script>
	  <script src="/js/2013/lib/es5-sham.min.js"></script>
	  <script src="/js/2013/lib/console-polyfill.js"></script>
	  <script>
	    document.createElement('ng-include');
	    document.createElement('ng-pluralize');
	    document.createElement('ng-view');
	
	    // Optionally these for CSS
	    document.createElement('ng:include');
	    document.createElement('ng:pluralize');
	    document.createElement('ng:view');
	  </script>
	  <![endif]-->
	
	
	
	
	
	<script type="text/javascript" async=""
		src="http://www.google-analytics.com/ga.js"></script>
	<script type="text/javascript">
		_gaq = [
				[ '_setAccount', 'UA-22069234-1' ],
				[ '_setCustomVar', 1, 'user', 'login', 3 ],
				[ '_setCustomVar', 4, 'dish_title', 'dish_title_1', 3 ],
				[ '_setCustomVar', 5, 'recommend_recipe_list',
						'recommend_recipe_list_1', 3 ], [ '_trackPageview' ],
				[ '_trackPageLoadTime' ] ];
	
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl'
					: 'http://www')
					+ '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})()
	</script>
	<style type="text/css"></style>
	
	
	<script type="text/javascript">
		var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://"
				: " http://");
		document
				.write(unescape("%3Cscript src='"
						+ _bdhmProtocol
						+ "hm.baidu.com/h.js%3Fecd4feb5c351cc02583045a5813b5142' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<!-- 去除后无变化 -->
<!-- 	<script src="./Js/h.js" type="text/javascript"></script> -->
	
<!-- 	<script type="text/javascript" src="Js/jquery-2.1.4.min.js"></script> -->
	<script type="text/javascript" src="Js/jquery.js"></script>
	<script type="text/javascript" src="Js/jquery.form.js"></script>
	<script type="text/javascript" src="Js/ajaxfileupload.js"></script>
	
	<!-- 请置于所有广告位代码之前 -->
	<script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script>
	<script type="text/javascript">
		BAIDU_CLB_preloadSlots([ "961610", "961614", "961616", "961615", "961617",
				"961619", "961613", "961637" ]);
	</script>
	
	<style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
	.en-markup-crop-options {
	    top: 18px !important;
	    left: 50% !important;
	    margin-left: -100px !important;
	    width: 200px !important;
	    border: 2px rgba(255,255,255,.38) solid !important;
	    border-radius: 4px !important;
	}
	
	.en-markup-crop-options div div:first-of-type {
	    margin-left: 0px !important;
	}
	</style>
	
	<!-- 能用的JS -->
	<script type="text/javascript">
			function uploadImage() {
				window.alert("uploadImage");
				
				$.ajaxFileUpload({
					
					url: "upload.action",
					secureuri:false,
					fileElementId:"uploadFile",
					dataType: "json",
					error: function(data, status, e) {
						alert(e);
					},
					success: function(data, textStatus) {
						alert("ead");
						$("[name='fengmian']").attr('src',data.imPath); 
						
					}
				});
			}
	</script>
	

	<!-- 图片上传预览 -->
	<script type="text/javascript">
		function setImagePreview(obj)
		{
			var path = $("#uploadFile").val();
			if(path!=null)
			{
				//path = path.substring(path.indexof("C:\\fakepath\\"),path.length);
				$("#recipeText").text($("#uploadFile").val().substring(12,path.length));
			}else
			{
				$("#recipeText").text("+ 菜谱封面");
			}
			//$("#recipeText").text($("#uploadFile").val());
			//window.alert("dafdas");
// 			var uploadObj = document.getElementById("uploadFile");
// 			var imgObjPreview = document.getElementById("fengmian");
// 			if(uploadObj.files && uploadObj.files[0])
// 			{
//				FireFox下
// 				imgObjPreview.style.display='block';
// 				imgObjPreview.style.width='150px';
// 				imgObjPreview.style.height='180px';
				
//				FF7
// 				imgObjPreview.src = window.URL.createObjectURL(uploadObj.files[0]);
// 			}else
// 			{
//				IE下，使用滤镜
// 				uploadObj.select();
// 				var imgSrc = document.selection.createRange().text;
// 				var localImagId = document.getElementById("localImag");
//				必须设置初始大小
// 				localImagId.style.width = "150px";
// 				localImagId.style.height = "180px";
// 				try
// 				{
// 					localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
// 					localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
// 				}
// 				catch(e)
// 				{
// 					alert("您上传的图片格式不正确，请重新选择!");
// 					return false;
// 				}
// 					imgObjPreview.style.display = 'none';
// 					document.selection.empty();
// 			}
// 			return true;
		}
	</script>
	<script type="text/javascript">
		function setText(obj)
		{
			var as = $(this).parent();
			var ass = $(this).parent().prev();
			var asss = $(this).parent().prev().find("span");
			//alert($(this).parent().parent().prev().find("span").text());
			$(this).parent().parent().prev().find("span").text($("#stepImg").val());
			//alert($("#stepImg").val());
			$("#stepText").text($("#stepImg").val());
		}
	</script>
	<script type="text/javascript">
		function addStep()
		{
				
		}
	</script>
	<!-- 	<script> -->
<!-- 	    $(function(){ -->
<!-- 	    	window.alert("TEST"); -->
<!-- 	       $("#uploadFile").change(function(e){ -->
<!-- 	             var file = e.target.files||e.dataTransfer.files; -->
<!-- 	             if(file){ -->
<!-- 	                 var reader = new FileReader(); -->
<!-- 	                 reader.onload=function(){ -->
<!-- 	                        $("<img src='"+this.result+"'/>").appendTo("body"); -->
	
<!-- 	                 } -->
	
<!-- 	                reader.readAsDataURL(file); -->
<!-- 	            } -->
<!-- 	      }); -->
<!-- 	   }) -->

<!--  	</script> -->
<!-- 	<script type="text/javascript"> -->
<!-- 		$(function(){   -->
<!-- 	        $(".upload-widget-file[type='file']").live("change",function(){   -->
<!-- 	        window.alert("UPLOAD"); -->
<!-- 	        var url = 'upload.action';   -->
<!-- 	        var type = $(this).attr("data-type");   -->
<!-- 	        var btnName = $(this).attr("id");   -->
<!-- 	        var imgName = $(this).attr("data-target");   -->
<!-- 	        $.ajaxFileUpload({   -->
<!-- 	            url: url,   -->
<!-- 	            secureuri:false,   -->
<!-- 	            fileElementId:btnName,   -->
<!-- 	            dataType: "json",   -->
<!-- 	            data: {//加入的文本参数     -->
<!-- 	                    "photoType": type    -->
<!-- 	                },   -->
<!-- 	                success: function(data, textStatus) {      -->
<!-- 	                    $('#'+imgName).attr('src',data.data.imPath);           -->
<!-- 	                },   -->
<!-- 	                error: function(data, status, e) {   -->
<!-- 	                    alert("上传的文件不是图片！！");   -->
<!-- 	                }   -->
<!-- 	            });   -->
<!-- 	        });   -->
<!-- 	    });   -->
<!-- 	</script> -->
</head>



<body ng-app="app" class="ng-scope">
    <div ng-controller="CreateRecipeCtrl" class="ng-scope">
    
<div class="popup-layer">


  
  <div class="reveal-modal-bg"></div>
  
  
<div class="reveal-modal large normal-font" id="feedbackModal">
  
  <div class="reveal-modal-title-bar">
    <div class="reveal-modal-title">意见反馈</div>
    <a href="javascript:void(0)" class="close-reveal-modal" rel="nofollow"></a>
  </div>
  <div class="reveal-modal-main">
    
    
    <form action="http://www.xiachufang.com/feedback/create/" method="POST" class="ng-pristine ng-valid">
      <textarea name="feedback" rows="3"></textarea>
      <input type="hidden" name="xf" value="LE7nC">
      <input type="submit" value="提交" class="button">
    </form>
  
  
  </div>

</div>


  
<div class="reveal-modal large normal-font" id="recipeGoodsModal">
  
  <div class="reveal-modal-title-bar">
    <div class="reveal-modal-title">关联商品</div>
    <a href="javascript:void(0)" class="close-reveal-modal" rel="nofollow"></a>
  </div>
  <div class="reveal-modal-main">
    
    
  
  
  
  </div>

</div>


</div>

<div  class="topbar-outer">
  <div  class="topbar-container">
    <div  class="topbar">
      



  <div  class="pure-g">
    <div  class="pure-u-1-6">
      <a  href="/foodfood/AOHomePage..action" class="logo"><img src="./files/logo.png"></a>
    </div>
    <div  class="pure-u-5-6">
      <div  class="pure-g">
        <div  class="pure-u-11-24">
          <form class="search" action="/foodfood/Search.action">
                                 <input type="text" name="keyword" class="typeahead float-left" data-default-text="" value="" placeholder="菜谱、食材">
                                 <input type="hidden" name="type" value="fmf">
                                 <input type="submit" value="搜索" class="button float-left">
                                </form>
        </div>
        <div  class="pure-u-1-3">
          <ul  class="site-nav plain pure-g">
            <li  class="pure-u"><a  href="/foodfood/AOHomePage..action"  data-ga-event="公共页面/导航栏/$text">首页</a></li>
            <li  class="topbar-cats pure-u">
            <a  href="/foodfood/AOMenu..action"  class="block-link"  data-ga-event="公共页面/导航栏/$text"><span>菜谱分类</span></a>
            <%MaterialFoodTypesDAO daoindex=new MaterialFoodTypesDAO();
									FoodTypesDAO daofindex=new FoodTypesDAO();
									List<MaterialFoodTypes>listindex=daoindex.findByMaterialFoodTypeLevel(1);
									List<FoodTypes>listfindex=daofindex.findByFoodTypeLevel(1); 
									MaterialFoodOfSeasonDAO dao5index=new MaterialFoodOfSeasonDAO();
									List<MaterialFoodOfSeason>list5index=dao5index.findAll();%>
										<div class="topbar-cats-submenu hidden">
											<div class="topbar-cats-submenu-bg">

												<ul class="plain">
													<li class="topbar-cat-head">常用主题</li>
													<% int k=0;for(FoodTypes ft:listfindex)
								                    {if(k++==8)break;%>
													<li><a
														href="/foodfood/AOFoodMenu.<%=ft.getFoodTypeId() %>.action"
														title="<%=ft.getFoodTypeName() %>菜谱大全" data-ga-event="公共页面/导航栏/$text"><%=ft.getFoodTypeName() %></a>
													</li>
													<%} %>
												</ul>
												<ul class="plain">
												   <li class="topbar-cat-head">常见食材</li>
												   <% k=0;for(MaterialFoodTypes ft:listindex)
								                    {if(k++==8)break;%>													
													<li><a href="/foodfood/AOMfoodMenu.<%=ft.getMaterialFoodTypeId() %>.action"
														title="<%=ft.getMaterialFoodTypeName() %>做法大全" data-ga-event="公共页面/导航栏/$text"><%=ft.getMaterialFoodTypeName() %></a>
													</li>
												   <%} %>
												</ul>
												<ul class="plain">
													<li class="topbar-cat-head">时令食材</li>
													<%k=0;for(MaterialFoodOfSeason mfos:list5index)						    
									               {if(k++==8)break;%>
													<li><a href="/foodfood/AOMfood.<%=mfos.getMaterialFood().getMaterialFoodId() %>.action"
														title="<%=mfos.getMaterialFood().getMaterialFoodName() %>做法大全" data-ga-event="公共页面/导航栏/$text"><%=mfos.getMaterialFood().getMaterialFoodName() %></a>
												   <%} %>
												</ul>
												<div class="topbar-cats-submenu-bottom">
													<a href="/foodfood/AOMenu..action"
														data-ga-event="公共页面/导航栏/$text">查看全部分类</a>
												</div>

											</div>
										</div>
            </li>
            <li  class="pure-u"><a  href="/foodfood/AOFoodInMenuList..action"  data-ga-event="公共页面/导航栏/$text">菜单</a></li>
          </ul>
        </div>
        <div  class="pure-u-5-24 clearfix">
            

          <div class="user-action">
              <%
					String account = (String)session.getAttribute("account");
					String nickname = (String)session.getAttribute("nickname");
					UserDAO userDao = new UserDAO();
					User user = (User)userDao.findByProperty("account", account).get(0);      	
	              	if(nickname!=null)
	           		{
				%>
				<a href="/foodfood/AOCooker.<%=account%>.action"><%=nickname%></a>
				<a onclick="logout()" href="index.jsp">退出</a>
				<%
					}
	               	else
	               	{
				%>
				<a href="register.jsp" data-ga-event="公共页面/导航栏/$text">注册</a> <a
					href="login.jsp" data-ga-event="公共页面/导航栏/$text">登录</a>&nbsp;&nbsp;
				<%
					}
				%>

          </div>
        </div>
      </div>
    </div>
  </div>


    </div>
  </div>
</div>


<form action="create.action" method="post" enctype="multipart/form-data">
<div class="page-outer">
  <!--begin of page-container-->
  <div class="page-container">
    
      <div class="pure-g">
        <!-- begin of main-panel -->
        <div class="pure-u-2-3 main-panel">
        <!-- 菜谱的各种信息 -->
    	
<!-- 	        <div class="align-center block-bg mb10"> -->
<!-- 	        	<span class="p10 white-font">你上次编辑到了这里</span><a href="http://www.xiachufang.com/recipe/create/?drop_draft=true" rel="nofollow" class="gray-link">放弃修改</a> -->
<!-- 	        </div> -->
		    <h1 class="page-title">
		    	<!-- foodName -->
		        <div class="placeholder">
		        	<input type="text" name="foodName" placeholder="点击添加菜谱名字" class="input text"  style="overflow: hidden; word-wrap: break-word; resize: none; height: 39px;">
		        		
		        </div>
		
		    </h1>
		    <div class="block recipe-edit block-has-padding white-bg">
		        <div class="cover image block-negative-margin">
		        	<!-- 菜谱封面  上传box -->
		            <div class="upload-box">
		            	<!-- data-upload-url="upload.action" -->
		                <div class="upload-widget"  data-kind="1001" data-upload-url="upload.action" data-width="620" data-xf="LE7nC">
		                    <div class="upload" >
		                      <span class="upload-text">
		                        <span class="main-title" id="recipeText">+ 菜谱封面</span><br>
		                        <span class="sub-title" style="display:none">最佳尺寸&nbsp;&nbsp;620 X 380</span>
		                      </span>
		                    </div>
<!-- 		                    <input name="ident" class="hidden ng-pristine ng-valid" ng-model="recipe.ident"> -->
<!-- 		                    <input name="picurl" class="hidden ng-pristine ng-valid" ng-model="recipe.picurl"> -->
		                <div class="upload-widget-autogen">
		                  <!-- 菜谱封面 -->
		                  <!-- onchange="javascript:setImagePreview();" -->
						  <input type="file"  id="uploadFile" name="uploadFile" onchange="javascript:setImagePreview(this);" class="upload-widget-file" tabindex="-1">
						
						  <div class="upload-widget-progress" >
						    <div class="upload-widget-stop">
						    </div>
						    <div class="upload-widget-progress-text" >
						      <span>上传中•••</span>
						    </div>
						    <img src="" name="fengmian" id="fengmian" class="upload-widget-preview">
						  </div>
						</div>
					</div>
		           </div>
		       </div>
		
		
		        <h2>简介</h2>
		        <!-- 菜谱描述 上传 -->
		        <div class="desc">
		            <div class="placeholder" type="textarea">
		            	<textarea name="description" placeholder="点击添加菜谱描述" class="input text" style="overflow: hidden; word-wrap: break-word; resize: none; height: 100px;"></textarea>
		            	
		            </div>
		        </div>
		
		        
		        <div class="author">
		            <a href="/foodfood/AOCooker.<%=user.getAccount()%>.action" title="<%=user.getNickName() %>的厨房" class="avatar-link" tabindex="-1" target="_blank">
		                <img src="<%=user.getImg() %>" alt="<%=user.getNickName() %>的厨房" width="30" height="30">
		                &nbsp;<%=user.getNickName() %>
		            </a>
		        </div>
				<!-- 用料及其用量 -->
		        <h2>用料 <span>必填</span></h2>
		        <div class="ings">
		            <table>
		                <tbody>
			                <!-- ngRepeat: ing in recipe.ings -->
			                <tr ng-repeat="ing in recipe.ings" ng-class="{delimiter:(ing.name.charAt(0) === &#39;#&#39;)}" class="ng-scope">
			                    <td class="name has-border">
			                        <div class="placeholder" type="text">
			                        	<!-- 用料   MaterialFood-->
			                        	<input type="text" name="materialFoodName" placeholder="用料名称" class="input text" style="overflow: hidden; word-wrap: break-word; resize: none; height: 35px;">
			                        		
			                        </div>
			                    </td>
			                    <td class="unit has-border">
			                        <div class="placeholder" type="text">
			                        	<!-- 用量   food_material_food_relation count-->
			                        	<input type="text" name="count" placeholder="用量" class="input text" style="overflow: hidden; word-wrap: break-word; resize: none; height: 35px;">
			                        		
			                        </div>
			                    </td>
			                </tr>
			                <!-- end ngRepeat: ing in recipe.ings -->
			                
		            	</tbody>
		            </table>
		            <div class="clearfix">
		                <a href="javascript:void(0)" class="button gray-button2 small-button" ng-click="addIng()">增加一个用料</a>
		                <div class="float-right small-font gray-font mt10">
		                   		 用料以<span class="bold-font"> # </span>开头表示模块名
		                </div>
		            </div>
		        </div>
		
		        <h2>做法 <span>必填</span></h2>
		        <div class="steps">
		            <ol>
		            	<!-- 菜谱步骤 -->
		                <!-- ngRepeat: step in recipe.steps -->
		                <li class="container ng-scope" ng-repeat="step in recipe.steps">
		                    <div class="arrows">
<!-- 		                        <a href="javascript:void(0)" class="up ng-hide" ng-click="upward(step)" ng-hide="$first">↑</a> -->
<!-- 		                        <a href="javascript:void(0)" class="down" ng-click="downward(step)" ng-hide="$last">↓</a> -->
		                    </div>
		                    <div class="text">
		                        <div class="placeholder" type="textarea">
		                        	<textarea placeholder="点击添加菜谱步骤"  name="stepDesc" class="input text" style="overflow: hidden; word-wrap: break-word; resize: none; height: 150px;"></textarea>
		                        </div>
		                    </div>
		                    <!-- 步骤图上传 -->
		                    <div class="upload-box">
		                        <div class="upload-widget" data-upload-url="upload.action"  data-kind="1011" data-width="200" data-xf="LE7nC" data-default-image="">
		                            <div class="upload">
		                              <span class="upload-text">
		                                <span class="main-title" id="stepText">+ 步骤图</span>
		                              </span>
		                            </div>
<!-- 		                            <input class="hidden" name="ident" > -->
<!-- 		                            <input name="picurl" class="hidden" > -->
		                        	<div class="upload-widget-autogen">
		  								<input type="file" name="stepImg" onchange="javascript:setText(this);" id="stepImg" class="upload-widget-file" tabindex="-1">
		
			 	 						<div class="upload-widget-progress">
										    <div class="upload-widget-stop">
										    </div>
										    <div class="upload-widget-progress-text">
										      <span>上传中•••</span>
										    </div>
										    <img src="" class="upload-widget-preview">
										 </div>
									</div>
								</div>
		                    </div>
		                </li><!-- end ngRepeat: step in recipe.steps -->
		                
					 
		            </ol>
		            <a href="javascript:void(0)" class="button gray-button2 small-button" ng-click="addStep()">增加一个步骤</a>
		        </div>
		
		        <div class="tip-container">
		            <h2>小贴士</h2>
		            <div class="tip">
			            <div class="placeholder" type="textarea">
			            	<textarea name="ps" placeholder="点击添加小贴士" class="input text"  style="overflow: hidden; word-wrap: break-word; resize: none; height: 70px;"></textarea>
			            </div>
		            </div>
		        </div>
		    </div>
		    <div id="createRecipeEnd"></div>
		    
		    <div class="transparent-bg recipe-edit-actions">
		        <input type="submit" value="发布菜谱" class="button" ng-click="publish(false, $event)" data-url="create.action">
		        <input type="submit" value="存为草稿" class="button" ng-click="publish(true, $event)" data-url="/recipe/create_one/">
		    </div>
		
          <div id="main-panel-bottom"></div>
        </div>
        <!-- end of main-panel -->

        <!-- begin of right-panel -->
        <div class="pure-u-1-3 right-panel">
          
<div class="block block-has-padding block-bg create-recipe-slogan">
    <div class="title-bar">
        <div class="title">创建菜谱的人是厨房里的天使</div>
    </div>
    <div class="content gray-font small-font">
        下厨房鼓励大家上传自己原创的菜谱信息； 转载、翻译的内容请在简介里表明出处。
    </div>
</div>
<div class="fixed-scroller" data-stop-id="createRecipeEnd" data-interval="1000">


<div class="block block-has-padding white-bg">
    <div class="title-bar">
        <div class="title">推荐至分类</div>
    </div>
    <div class="content">
        <div>
        	
        	<div class="tags">
 	        	<ul class="tag-list"> 
	        		<!-- ngRepeat: tag in tags -->
	        	</ul> 
<!-- 	        	<input  placeholder="添加分类" name="foodType" maxlength="" tabindex="-1" > -->
        		
        		<select name="foodType">
        			<%
	        			FoodTypesDAO ftDao = new FoodTypesDAO();
	        			//根目录
	        			List<FoodTypes> foodTypeList1 = ftDao.findByFoodTypeLevel(1); 
	        		 	for(FoodTypes ft:foodTypeList1)
	        		 	{
        		 	%>
        			<optgroup label="<%=ft.getFoodTypeName()%>">
        				
        			    <%
        					List<FoodTypes> foodTypeList2 = ftDao.findByFoodTypeLevel(2);
        				
        			 		for(FoodTypes ft2:foodTypeList2)
        			 		{
        			 			if(ft2.getFoodTypeId().startsWith(ft.getFoodTypeId()))
        			 			{
        			 	%>
        				<option value="<%=ft2.getFoodTypeId()%>"><%=ft2.getFoodTypeName() %></option>
        				<%
        						}
        					}
        				 %>
        			</optgroup>
        			<%		
        				}
        		 	%>
        		</select>
        		
        <!-- </div>
	           <div auto-complete="" min-length="0" source="autocomplete($query)" class="ng-scope ng-isolate-scope"> 
    	       <div class="autocomplete ng-hide" > 
	           <ul class="suggestion-list">ngRepeat: item in suggestionList.items | limitTo:options.maxResultsToShow</ul></div></div> 
        	</div> -->
        </div>
        <div class="small-font gray-font mt10">如：快手菜、早餐、汤羹、饼干、零食等，不建议输入食材名。
        (使用空格或逗号来分隔分类)
        </div>
    </div>
</div>




</div>

        </div>
        <!-- end of right-panel -->
      </div>
    
  </div>
  <!-- end of page-container -->
</div>

<div class="bottom-outer">
  <div class="bottom-container">
   
  </div>
</div>




    
    <script>
					recipe_id = '';
					goods = {
						url : "",
						name : "",
						price : "",
						desc : "",
						ident : '',
						picurl : ''
					};
					recipe = {
						goods : {
							url : "",
							name : "",
							price : "",
							desc : "",
							ident : '',
							picurl : ''
						},
						video : "",
						name : "",
						desc : "",
						ident : '',
						picurl : '',
						ings : [ {
							name : '',
							unit : ''
						}, {
							name : '',
							unit : ''
						}, {
							name : '',
							unit : ''
						}, {
							name : '',
							unit : ''
						}, {
							name : '',
							unit : ''
						}, {
							name : '',
							unit : ''
						} ],
						steps : [ {
							text : '',
							ident : '',
							picurl : ''
						}, {
							text : '',
							ident : '',
							picurl : ''
						}, {
							text : '',
							ident : '',
							picurl : ''
						}, {
							text : '',
							ident : '',
							picurl : ''
						}, {
							text : '',
							ident : '',
							picurl : ''
						} ],
						tip : "",
						tags : [],
						exclusive : false
					};
					draft = JSON
							.parse("{\"goods\":{\"url\":\"\",\"name\":\"\",\"price\":\"\",\"desc\":\"\",\"ident\":\"\",\"picurl\":\"\"},\"video\":\"\",\"name\":\"\",\"desc\":\"\",\"ident\":\"\",\"picurl\":\"\",\"ings\":[{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"},{\"name\":\"\",\"unit\":\"\"}],\"steps\":[{\"text\":\"\",\"ident\":\"\",\"picurl\":\"\"},{\"text\":\"\",\"ident\":\"\",\"picurl\":\"\"},{\"text\":\"\",\"ident\":\"\",\"picurl\":\"\"},{\"text\":\"\",\"ident\":\"\",\"picurl\":\"\"},{\"text\":\"\",\"ident\":\"\",\"picurl\":\"\"},{\"text\":\"\",\"ident\":\"\"}],\"tip\":\"\",\"tags\":[],\"exclusive\":false,\"syncs\":[\"weibo\"]}");
					availiable_cats = [
							"\u5c0f\u5d8b\u6d41\u7f8e",
							"Gordon Ramsay",
							"PH\u5927\u5e08",
							"\u4fdd\u7f57",
							"\u96f7\u8499\u5fb7",
							"\u5c0f\u5c71\u8fdb",
							"\u83d3\u5b50\u5b66\u6821",
							"\u85e4\u7530\u5343\u79cb",
							"\u5ddd\u4e0a\u6587\u4ee3",
							"\u798f\u7530\u6df3\u5b50",
							"\u9ed1\u5ddd\u6109\u5b50",
							"Rachel Khoo",
							"Jamie Oliver",
							"\u84dd\u5e26\u5b66\u6821",
							"\u6df1\u591c\u98df\u5802",
							"\u5b64\u72ec\u7684\u7f8e\u98df\u5bb6",
							"\u591a\u8c22\u6b3e\u5f85",
							"\u4e00\u8d77\u5403\u996d\u5427",
							"\u9762\u5305\u548c\u6c64\u548c\u732b\u597d\u5929\u6c14",
							"\u6ca1\u6709\u540d\u5b57\u7684\u751c\u70b9\u5e97",
							"Happy Together",
							"\u767d\u718a\u5496\u5561\u5385",
							"\u82b1\u4e4b\u61d2\u6563\u996d",
							"\u5eb7\u7199\u6765\u4e86",
							"\u8c03\u9152\u5e08Bartender",
							"\u80af\u5fb7\u57fa",
							"\u5916\u5a46\u5bb6",
							"\u6ee1\u8bb0",
							"\u5473\u591a\u7f8e",
							"\u9ea6\u5f53\u52b3",
							"\u9c9c\u828b\u4ed9",
							"85\u5ea6c",
							"\u6e2f\u4e3d",
							"\u5357\u4eac\u5927\u724c\u6863",
							"\u91d1\u9f0e\u8f69",
							"21cake",
							"\u3010\u89c6\u3011\u7f8e\u56fd\u5b85\u7537\u7f8e\u98df",
							"\u3010\u89c6\u3011\u66fc\u98df\u6162\u8bed",
							"\u3010\u89c6\u3011\u4e00\u6761\u89c6\u9891",
							"\u3010\u89c6\u3011\u83ab\u59ae\u5361\u7f8e\u98df\u53a8\u623f",
							"\u3010\u89c6\u3011\u4e00\u4eba\u98df",
							"\u3010\u89c6\u3011Tinrry\u4e0b\u5348\u8336",
							"\u3010\u89c6\u3011\u4f18\u96c5\u70d8\u7119",
							"\u3010\u89c6\u3011\u5c0f\u7fbd\u79c1\u53a8",
							"\u3010\u89c6\u3011\u65e5\u98df\u8bb0",
							"\u3010\u89c6\u3011\u77e5\u5473\u4eba\u751f",
							"\u3010\u89c6\u3011\u996d\u7c73\u4e86\u6ca1",
							"\u9171", "\u81ea\u5236\u6ce1\u83dc",
							"\u5c0f\u5403", "\u96f6\u98df",
							"\u5e7f\u4e1c\u5c0f\u5403",
							"\u65e5\u5f0f\u5c0f\u5403",
							"\u5317\u4eac\u5c0f\u5403",
							"\u5ddd\u6e1d\u5c0f\u5403",
							"\u6c5f\u5357\u5c0f\u5403",
							"\u6e2f\u5f0f\u5c0f\u5403",
							"\u53f0\u6e7e\u5c0f\u5403",
							"\u9655\u897f\u5c0f\u5403",
							"\u6e56\u5317\u5c0f\u5403", "\u6c99\u62c9",
							"\u51c9\u83dc", "\u4e2d\u5f0f\u65e9\u9910",
							"\u5feb\u624b\u65e9\u9910",
							"\u897f\u5f0f\u65e9\u9910", "\u4e0b\u5348\u8336",
							"\u5bbf\u820d", "\u5bb4\u5ba2",
							"\u5916\u8c8c\u534f\u4f1a", "\u4fbf\u5f53",
							"\u4e0b\u9152\u83dc", "\u5c0f\u6e05\u65b0",
							"\u521b\u610f\u83dc", "\u5355\u8eab\u98df\u8c31",
							"\u91ce\u9910", "\u5bb5\u591c", "\u86cb\u7cd5",
							"\u9762\u5305", "\u997c\u5e72", "\u5410\u53f8",
							"\u4e73\u916a\u86cb\u7cd5", "\u66f2\u5947",
							"\u62ab\u8428", "\u6155\u65af", "\u9a6c\u82ac",
							"\u6d3e", "\u621a\u98ce\u86cb\u7cd5",
							"\u86cb\u7cd5\u5377", "\u86cb\u631e",
							"\u7eb8\u676f\u86cb\u7cd5", "\u9910\u5305",
							"\u53f8\u5eb7", "\u5854",
							"\u5976\u6cb9\u86cb\u7cd5", "\u6ce1\u8299",
							"\u78c5\u86cb\u7cd5", "\u6d77\u7ef5\u86cb\u7cd5",
							"\u739b\u5fb7\u7433", "\u9762\u5305\u5377",
							"\u88f1\u82b1\u86cb\u7cd5",
							"\u6b27\u5f0f\u9762\u5305",
							"\u82cf\u6253\u997c\u5e72",
							"\u7cd6\u971c\u997c\u5e72", "\u5976\u6cb9\u971c",
							"\u8f6f\u9762\u5305", "\u5939\u5fc3\u997c\u5e72",
							"\u54b8\u5473\u997c\u5e72",
							"\u7ffb\u7cd6\u997c\u5e72",
							"\u9020\u578b\u997c\u5e72", "\u6c64\u7fb9",
							"\u996d", "\u9762", "\u997c", "\u7ca5",
							"\u7092\u996d", "\u997a\u5b50", "\u7116",
							"\u9992\u5934", "\u4e09\u660e\u6cbb",
							"\u62cc\u9762", "\u7092\u9762", "\u9984\u9968",
							"\u5305\u5b50", "\u996d\u56e2", "\u6c64\u9762",
							"\u51c9\u9762", "\u76d6\u6d47\u996d",
							"\u7172\u4ed4\u996d", "\u7117\u996d",
							"\u7116\u9762", "\u70e9\u996d",
							"\u5143\u5bb5\u8282", "\u6c64\u5706",
							"\u5723\u8bde\u8282", "\u5e74\u591c\u996d",
							"\u60c5\u4eba\u8282", "\u51ac\u81f3",
							"\u4e2d\u79cb\u8282", "\u4e07\u5723\u8282",
							"\u7aef\u5348\u8282", "\u814a\u516b\u8282",
							"\u611f\u6069\u8282", "\u6e05\u660e\u8282",
							"\u590d\u6d3b\u8282", "\u751c\u54c1",
							"\u996e\u54c1", "\u7cd5\u70b9", "\u5e03\u4e01",
							"\u51b7\u996e", "\u679c\u9171", "\u7cd6\u6c34",
							"\u51b0\u6dc7\u6dcb", "\u5496\u5561",
							"\u8c46\u6d46", "\u5976\u8336", "\u9152",
							"\u679c\u6c41", "\u679c\u51bb",
							"\u82b1\u8349\u8336", "\u8fa3", "\u5496\u55b1",
							"\u7cd6\u918b", "\u849c\u9999", "\u9178\u751c",
							"\u5976\u9999", "\u5b5c\u7136", "\u9c7c\u9999",
							"\u4e94\u9999", "\u6e05\u6de1", "\u714e", "\u84b8",
							"\u7ea2\u70e7", "\u5364", "\u5e72\u9505",
							"\u706b\u9505", "\u514d\u70e4", "\u70e4\u7bb1",
							"\u70e4\u7bb1\u83dc", "\u7535\u996d\u7172",
							"\u9762\u5305\u673a", "\u5fae\u6ce2\u7089",
							"\u5e73\u5e95\u9505", "\u7802\u9505",
							"\u51b0\u7bb1", "\u7535\u997c\u94db",
							"\u9ad8\u538b\u9505", "\u8c46\u6d46\u673a",
							"\u5854\u5409\u9505", "\u69a8\u6c41\u673a",
							"\u7535\u538b\u529b\u9505", "\u65e5\u5f0f",
							"\u97e9\u5f0f", "\u897f\u5f0f",
							"\u4e1c\u5357\u4e9a" ];
				</script>
    
  		<!-- 缺少后页面不能点击  不能增加新元素-->
		 <script type="text/javascript" src="./files/jquery.min.js"></script> 
<!-- 	  <script src="http://y.inad.com/static/show_ads.js"></script> -->
	  

	
		<script type="text/javascript"
		src="./files/2013.anonymous.0a0601dc.compress.js"></script>
		<!-- 图片上传  去掉后开始执行自己的JS 无副作用-->
<!--  		<script type="text/javascript" src="./Js/2013.63412845.compress.js"></script> -->
		
		
		<!-- 菜谱创建    页面的add控件   经过该国不再显示  自动保存失败-->
		<script type="text/javascript" src="./Js/2013.create_recipe.a75b8309.compress.js"></script>
		
		
		<div id="color_timer"></div>
		
		
		    </div>
		    </form>
		    	<img id="scrollTop" src="./images/scroll_top.png"
					style="opacity: 1; position: fixed; width: 50px; height: auto; z-index: 20; border: 0px; padding: 0px; bottom: 20px; right: 20px; margin: 0px; cursor: pointer; display: none;">
		    <div id="atwho-container">
			    <div id="atwho-ground-1">
			    	<div class="atwho-view" id="at-view-35">
			    		<ul class="atwho-view-ul"></ul>
			    	</div>
			    </div>
			    <div id="atwho-ground-2">
			    	<div class="atwho-view" id="at-view-35">
			    		<ul class="atwho-view-ul"></ul>
			    	</div>
			    </div>
			    <div id="atwho-ground-3">
			    	<div class="atwho-view" id="at-view-64">
			    		<ul class="atwho-view-ul"></ul>
			    	</div>
			    </div>
			  	<div id="atwho-ground-4">
			  		<div class="atwho-view" id="at-view-64">
			  			<ul class="atwho-view-ul"></ul>
			  		</div>
			  	</div>
			  	<div id="atwho-ground-5">
			  		<div class="atwho-view" id="at-view-58">
			  			<ul class="atwho-view-ul"></ul>
			  		</div>
			  	</div>
			  	<div id="atwho-ground-6">
			  	<div class="atwho-view" id="at-view-58">
			  	
			  		<ul class="atwho-view-ul"></ul></div></div><div id="atwho-ground-7"><div class="atwho-view" id="at-view-65306"><ul class="atwho-view-ul"></ul></div></div><div id="atwho-ground-8"><div class="atwho-view" id="at-view-65306"><ul class="atwho-view-ul"></ul></div></div></div>
			
		
		
			<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; -webkit-transition: none; transition: none; height: 0px !important; min-height: 0px !important; font-family: sans-serif; font-size: 15px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 20.4545440673828px; width: 237.988632202148px;" class="autosizejs" id="autosizejs"></textarea>
	</body>
</html>